<template>
    <div class="home-list">
        <div class="homegoods-up">
            <img :src='obj.src+".jpg"' alt="">
        </div>
       <div class="homegoods-down">
            <p>
            Daisy女士2020春夏新款白色纯棉印花圆领短袖衬衣
        </p>
        <div class="goods-info"><b>￥99.0</b><span>已售xxx件</span></div>
       </div>
    </div>
</template>

<script>

    export default {
        // props:[a,b,c],
        props:['obj'],
        data(){
            return{
            
            }
        },
        created(){
            
        },
        computed:{
          
        },
        mounted(){
            // console.log(this.obj.src)
        }

    }
</script>
<style lang="stylus">
    html 
        font-size 26.66666vw
</style>
<style lang="stylus" scoped>
@import '~@/assets/stylus/border.styl'
@import '~@/assets/stylus/ellipsis.styl'
    .home-list
        width 100%
        
        height 2.33rem
        box-sizing border-box
        background-color #fff
        border-radius .08rem
        color #333
        font-size .13rem
        margin-bottom .15rem


        .homegoods-up 
            width 100%
            height 55.7%
            border 0;
            img 
                // width 100%
                float left
                width 100%
                height 100%
                // height 1.3rem
                border 0
                outline none
        .homegoods-down
            // width 100%

            padding .1rem .08rem 0 .08rem
            height 44.3%
            border_1px(0 0.01rem 0.01rem 0.01rem,#ccc)
    .goods-info 
        display flex 
        justify-content space-between
        padding-right .05rem
        b
            color red
            padding-right .2rem
        span 
            ellipsis(.5rem,1)

                 

</style>